
import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  ScrollView,
} from 'react-native';
import MyCell from './CommonMyCell';
import MineMiddleView from './MineMiddleView';
import MineHeaderView from './MineHeaderView';
export default class Mine extends Component {
  render() {
    return (
      <ScrollView style={styles.scrollViewStyle}
        contentInset={{top:-200}} 
        contentOffset={{y:200}}
        >
        <MineHeaderView />
        <View style={{marginTop:20}}>
          <MyCell leftIconName="collect" leftTitle='我的订单' rightTitle="我的全部订单"/>
        </View>
        <MineMiddleView />
        <View style={{marginTop:20}}>
          <MyCell leftIconName="draft" leftTitle='小码哥钱包' rightTitle="账户余额:￥100"/>
          <MyCell leftIconName="like" leftTitle='抵用券' rightTitle="10"/>
        </View>
        <View style={{marginTop:20}}>
          <MyCell leftIconName="card" leftTitle='积分商城'/>
        </View>
        <View style={{marginTop:20}}>
          <MyCell leftIconName="new_friend" leftTitle='今日推荐' rightIconName="me_new"/>
        </View>
        <View style={{marginTop:20}}>
          <MyCell leftIconName="pay" leftTitle='我要合作' rightTitle="轻松开店,招财进宝"/>
        </View>
      </ScrollView>
    );
  }
}

const styles = StyleSheet.create({
  scrollViewStyle:{
    backgroundColor:'#e8e8e8',
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});
